import ListRow from 'components/ListRow'
import Icon from 'components/Icon'

import s from './index.module.scss'

export default function Index() {
  return (
    <div className={s.wrapper}>
      <Icon className={s.top_icon} name='rect_240' size={40} />
      <div className={s.desc}>为了更加直观、快速的学习微信小程序官方提供的组件，以下提供了官方组件基于 Taro 的大多数用法供大家参考。如果有与官方文档不一致的内容，大家可积极反馈</div>

      <div className={s.section_title}>容器组件</div>
      <ListRow title='View' description='可以类比 div' path='/miniui/view/index' />
      <ListRow title='ScrollView' />
      <ListRow title='Swiper' path='/miniui/swiper/index' />
      <ListRow title='MovableView' />
      <ListRow title='CoverView' />
      <ListRow title='RootPortal' />
      <ListRow title='GridView' />
      <ListRow title='Sticky' />

      <div className={s.section_title}>基础组件</div>
      <ListRow title='Text' />
      <ListRow title='icon' />
      <ListRow title='progress' />
      <ListRow title='RichText' />

      <div className={s.section_title}>表单组件</div>
      <ListRow title='Text' />
      <ListRow title='icon' />
      <ListRow title='progress' />
      <ListRow title='RichText' />
    </div>
  )
}
